/*
	商品详情页
 */
/*header start*/
/*掉顶start*/

$(function(){
	//顶部下载App二维码划入划出效果
	(function(){
		$('.J_app').hover(
			function(){
				$('.J_appDownload').css({'display':'block'});
			},
			function(){
				$('.J_appDownload').css('display','none');
			}
		)
	})();
	//菜单下划线划入划出效果
	(function(){
		$('.J_home,.J_guang,.J_designer,.J_smallSite').hover(
			function(){
				$(this).css('border-bottom','3px solid black');
			},
			function(){
				$(this).css('border-bottom','0');
				$('.J_guang').css('border-bottom','3px solid black');
			}
		)
	})();
	//搜索框聚焦事件
	(function(){
		$('.J_searchText').focus(function(){
			var str=$(this).val();
			if(str==null||str==''||str=='搜索你感兴趣的品牌'){
				$(this).val('');
				$(this).css('color','black');
			}else{			
				$(this).css('color','black');
			}			
		})
		$('.J_searchText').focusout(function(){
			if(/^\.{0,1}$/.test($(this).val())){
				$(this).css('color','#f5efeb');
				$(this).val('搜索你感兴趣的品牌');
			}
		})
	})();
	//鼠标移入搜索框变成手状
	(function(){
		$('.search>img').mouseenter(function(){
			$(this).css({'cursor':'pointer'});
		})
	})();
	//爱心加减
	(function(){
		let xinxin=$('#J_scrollFavNum2164792').html();
		$('.like-product').click(function(){
			if($(this).css('background-position-y')=='-60px'){
				$(this).css('background-position-y','-7px');
				$('#J_scrollFavNum2164792').html(++xinxin);
			}else{
				$(this).css('background-position-y','-60px');
				$('#J_scrollFavNum2164792').html(--xinxin);
			}
		})
	})();
	//商品数量加减
	(function(){
		let spsl=$('.numed').val();
		let money;
		//减少
		$('.numDec').click(function(){
			if($('.numed').val() <= 1){
				$(this).css({'color':'#ccc','cursor':'not-allowed'});
				spsl=1;
				$('.numed').val(spsl);
			}else{
				$(this).css({'cursor':'normal'});
				$('.numed').val(--spsl);
			}
			money=spsl*75;
			$('.price').html(money+'.00'); 
		})
		//增加
		$('.numInc').click(function(){
			$('.numDec').css({'cursor':'auto'});
			if($('.numed').val() >= 92){
				alert('~亲手下留情哦，您选的数量已经大于库存拉~');
			}if($('.numed').val() == 1){
				$('.numDec').css({'color':'black'});
				$('.numed').val(++spsl);
			}else{
				$(this).css({'color':'#000'});
				$('.numed').val(++spsl);
			}
			money=spsl*75;
			$('.price').html(money+'.00');
		})
		//商品数量正则判断
		$('.numed').change(function(){
			if(/^[0-9]/g.test(spsl)){
				alert('请输入数字');
				spsl=1;
				$('.numed').val(spsl);
			}
		})
		//均码选中后
		$('.skuicon').first().css('display','none');
		$('.proskuitem').first().mousedown(function(){			
			if($('.skuicon').first().css('display')=='none'){
				$(this).css({'border':'2px solid #000'});
				$('.skuicon').first().html('√');
				$('.skuicon').first().css({'width':'12px','height':'12px',
							'position':'relative','background':'#000',
							'color':'white','font-style':'normal',
							'display':'block','font-size':'6px',
							'line-height':'12px','top':'-38px',
							'left':'34px','text-align':'center'});
			}else{
				$(this).css({'border':'1px solid #999'});
				$('.skuicon').first().css('display','none');
			}	
		})
		//放大镜事件
		$('.mainpic-box').hover(function(){
				$('.imglv,.bigtu').css({'display':'block'});
				$(document).mousemove(function(e){
					var lvleft=e.pageX - $('.mainpic-box').offset().left;
					var lvtop=e.pageY - $('.mainpic-box').offset().top;
					
					if(lvleft <= '200' && lvleft >= '0'){
						$('.imglv').css('left','0px');
						$('.bigtu>img').css('left',-(lvleft)*400/700+'px');
					}if(lvleft >= '400' && lvleft <= '600'){
						$('.imglv').css('left','200px');
						$('.bigtu>img').css('left',-(lvleft)*400/700+'px');
					}if(lvleft < '400' && lvleft > '200'){
						$('.imglv').css('left',lvleft-200+'px');
						$('.bigtu>img').css('left',-(lvleft)*400/700+'px');
					}if(lvleft > '600' || lvleft < '0'){
						$('.imglv,.bigtu').css({'display':'none'});
					}

					if(lvtop <= '200' && lvtop >= '0'){
						$('.imglv,.bigtu').css({'display':'block'});
						$('.imglv').css('top','-600px');
						$('.bigtu>img').css('top',-(lvtop)*400/700+'px');
					}if(lvtop >= '400'&& lvtop <= '600'){
						$('.imglv,.bigtu').css({'display':'block'});
						$('.imglv').css('top','-400px');
						$('.bigtu>img').css('top',-(lvtop)*400/700+'px');
					}if(lvtop < '400' && lvtop > '200'){
						$('.imglv,.bigtu').css({'display':'block'});
						$('.imglv').css('top',lvtop-800+'px');
						$('.bigtu>img').css('top',-(lvtop)*400/700+'px');
					}
				})
			},function(){
				$('.imglv,.bigtu').css({'display':'none'});
				$(document).off();
		})
		//颜色选中后
		$('.skuicon').last().css('display','none');
		$('.proskuitem').last().mousedown(function(){
			if($('.skuicon').last().css('display')=='none'){
				$(this).css({'border':'2px solid #000'});
				$('.skuicon').last().html('√');
				$('.skuicon').last().css({'width':'12px','height':'12px',
							'position':'relative','background':'#000',
							'color':'white','font-style':'normal',
							'display':'block','font-size':'6px',
							'line-height':'12px','top':'-38px',
							'left':'34px','text-align':'center'});
			}else{
				$(this).css({'border':'1px solid #999'});
				$('.skuicon').last().css('display','none');
			}	
		})
	})();
	
	(function(){
		//加入购物车抛物线运动
		$('.buylate_btn').click(function(){
			$('.gwts').css('display','block');
			$('.gwts').animate({'opacity':'1'},1000)
					  .animate({'opacity':'0'},1000)
					  .animate({'display':'none'},1);
			$('.buybutton img').css({'display':'block'});
			$('.buybutton img').animate({'opacity':'1','left':'240px','top':'-100px'},500)
			                   .animate({'left':'340px','top':'100px'},1000)
							   .animate({'opacity':'0','left':'170px','top':'-52px'},1)
		})
		//立即购买
	})();
	(function(){
		//左右按钮轮播
		$('.J_imagesBox').hover(function(){
			$('.J_prevBtn,.J_nextBtn').css({'display':'block'});
			$('.picbox').css({'top':'-64px'});
				},function(){
			$('.J_prevBtn,.J_nextBtn').css({'display':'none'});
			$('.picbox').css({'top':'0px'});
		})
		//左按钮点击
		$('.J_prevBtn').click(function(){
			console.log($('.picbox').css('left'));
			if($('.picbox').css('left')=='0px'){
				console.log('左');
			}else{
				$('.picbox').animate({'left':'0px'},1000);
			}
		})
		//右按钮点击
		$('.J_nextBtn').click(function(){
			console.log($('.J_nextBtn').css('left'));
			if($('.picbox').css('left')=='-320px'){
				console.log('右');
			}else{
				$('.picbox').animate({'left':'-320px'},1000);
			}
		})
		//每张图右下角显示隐藏
		$('.picbox>li').hover(function(){
			$(this).children('div').css('display','block');
			
			$(this).children('.lidiv1').hover(function(){
				$(this).css({'background':'#E5E3E0 url(../img/datail/tu/lixin.png) no-repeat 6px -104px'});
				$('.lidiv2').children('span').animate({'top':'-32px'},500);
					},function(){
						$('.lidiv2').children('span').animate({'top':'0px'},500);
						$('.lidiv1').css({'background':'#E5E3E0 url(../img/datail/tu/lixin.png) no-repeat 6px -62px'})
				})
			
				},function(){
			$(this).children('div').css('display','none');
					
		});
		//弹簧跳
		console.log('.feedback img')
		$('.feedback img').hover(function(){
			$(this).css('height','40px')
			$('.feedback span').css({'display':'block'});
		},function(){

		})
		//商品详情及评论
		$('.J_tabNav').children('li:first').click(function(){
			$(this).addClass('active');
			$('.J_tabNav').children('li:last').removeClass()
		})
		$('.J_tabNav').children('li:last').click(function(){
			$(this).addClass('J_getCommmentBtn');
			$('.J_tabNav').children('li:first').removeClass()
		})
		//右下角app关闭
		console.log($('.J_siderEwmBtn'));
		$('.J_siderEwmBtn').click(function(){
			alert('...')
			$('.J_siderEwm').css('display','none');
		})

		//根据滚动条高度异步加载图片
		//$(document).scroll(function(){
			//console.log($(this).height())
			//console.log($(document).scrollTop())
			// if($(document).scrollTop() >= $(document).height()*0.6){
			// 	//alert('...');
			// 	$.ajax({
			// 		type:'GET',
			// 		url:'../json/datail.json',
			// 		dataType:"html",
			// 		success: function(response){
			// 			console.log(response)
			// 		}
			// 	})
			// }
		//})
		

	})();
})